<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="hz.css">
</head>
<body>
    <div id="model">
        <img src="./img/model.png" alt="">
        <div class="tf"><img src="./img/头发1.png" alt="" style="width: 150px;height: 159px;"></div>
        <div class="sy"><img src="./img/上衣1.png" alt="" style="width: 156px;height: 217px;"></div>
        <div class="qz"><img src="./img/裙子1.png" alt="" style="width: 175px;height: 156px;"></div>
        <div class="wz"><img src="./img/袜子1.png" alt="" style="width: 167px;height: 246px;"></div>
        <div class="xz"><img src="./img/鞋子1.png" alt="" style="width: 166.5px;height: 122px;"></div>  
    </div>
    <div id="robe">
            <ul>
                <li class="active"><img src="./img/头发.png" alt=""></li>
                <li><img src="./img/上衣.png" alt=""></li>
                <li><img src="./img/裙子.png" alt=""></li>
                <li><img src="./img/袜子.png" alt=""></li>
                <li><img src="./img/鞋子.png" alt=""></li>
            </ul>
            <ol>
                <li class="active">
                    <div class="tf"><img src="./img/头发2.png" alt="" style="width: 150px;height: 159px;"></div>
                    <div class="tf"><img src="./img/头发3.png" alt="" style="width: 150px;height: 159px;"></div>
                    <div class="tf"><img src="./img/头发4.png" alt="" style="width: 150px;height: 159px;"></div>
                </li>
                <li>
                    <div class="sy"><img src="./img/上衣2.png" alt="" style="width: 156px;height: 217px;"></div>
                    <div class="sy"><img src="./img/上衣3.png" alt="" style="width: 156px;height: 217px;"></div>
                    <div class="sy"><img src="./img/上衣4.png" alt="" style="width: 156px;height: 217px;"></div>
                </li>
                <li>
                    <div class="qz"><img src="./img/裙子2.png" alt="" style="width: 175px;height: 156px;"></div>
                    <div class="qz"><img src="./img/裙子3.png" alt="" style="width: 175px;height: 156px;"></div>
                    <div class="qz"><img src="./img/裙子4.png" alt="" style="width: 175px;height: 156px;"></div>
                </li>
                <li>
                    <div class="wz"><img src="./img/袜子2.png" alt="" style="width: 167px;height: 246px;"></div>
                    <div class="wz"><img src="./img/袜子3.png" alt="" style="width: 167px;height: 246px;"></div>
                    <div class="wz"><img src="./img/袜子4.png" alt="" style="width: 167px;height: 246px;"></div>
                </li>
                <li>
                <div class="xz"><img src="./img/鞋子2.png" alt="" style="width: 166.5px;height: 122px;"></div>
                    <div class="xz"><img src="./img/鞋子3.png" alt="" style="width: 166.5px;height: 122px;"></div>
                    <div class="xz"><img src="./img/鞋子4.png" alt="" style="width: 166.5px;height: 122px;"></div>  
                </li>
            </ol>
    </div>
    <script src="hz.js"></script>
</body>
</html>